<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<style type="text/css"> 
		body {
			background: #663F98;
			color: white;
			font-family: malgun gothic, sans-serif;
			margin: 0;
			padding:0;
			overflow: hidden;
		}
		#search {
			text-align : left;
			color : white;
			position : absolute;
		}
		.twit {
			text-align : left;
			color : white;
			position : absolute;
		}
		.user {
			font-size: 36px;
		}
		.text {
			font-size: 40px;
			color: yellow;
		}
		.char {
			text-align : center;
			vertical-align : middle;
			color : white;
			position : absolute;
		}
		.box2 {
			-webkit-transition: font-size 1s ease-in-out;
			color: red;
			font-size: 200%;
			margin-left: 0px;
			text-align: left;
		}
		
		ul {
			list-style: none;
		}
		</style>
	</head>
	<body>
		<canvas id="canvas" width="1024" height="768"></canvas>
		<div id="tweets"></div>
		<div id="search" contenteditable="true">borabomb</div>
		<div id="jsonp"></div>
	</body>
	<script type="text/javascript" src="main.js"></script>
</html>